<template>
	<table border="1" style="text-align: center;">
		<tr>
			<td>序号</td>
			<td>商品名称</td>
			<td>商品价格</td>
			<td>商品数量</td>
			<td>总价</td>
			<td>操作</td>
		</tr>
		
		<tr v-for="(val,index) in goods" :key= 'index'>
			<td>{{index+1}}</td>
			<td>{{val.title}}</td>
			<td>{{val.price}}</td>
			<td>{{val.chooseNum}}</td>
			<td>{{val.allPrioce}}</td>
			<td>
				<button>操作</button>
			</td>
		</tr>
	</table>
</template>

<script>
	export default{
		data() {
			return{
				goods:[
					{
						title:'柠檬茶',
						price:25,
						chooseNum:0,
						allPrioce:0,
						
					},
					{
						title:'红茶',
						price:25,
						chooseNum:0,
						allPrioce:0,
						
					},
					{
						title:'绿茶',
						price:25,
						chooseNum:0,
						allPrioce:0,
						
					},
					{
						title:'花茶',
						price:25,
						chooseNum:0,
						allPrioce:0,
						
					}
				]
			}
		}
	}
</script>

<style>
</style>